<!DOCTYPE html [<!ENTITY hellip  "&#x2026;">]>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Book Skeleton</title>
    <meta name="identifier" content="9780000000000"/>
    <meta name="publisher" content="O'Reilly Media"/>
    <meta name="creator" content="Sanders Kleinfeld"/>
  </head>
  <body data-type="book">
    <!-- cover image -->
    <figure data-type="cover">
      <img src="cover.jpg"/>
    </figure>
    <!-- This is just a sample skeleton of a book, intended to be used for xspec tests around TOC generation, OPF generation, and NCX generation -->
    <section data-type="titlepage">
      <h1>Book Skeleton</h1>
      <h2 data-type="author">By Sanders Kleinfeld</h2>
      <p>An O'Reilly Media Publication</p>
    </section>
    <section data-type="copyright-page">
      <h1>Copyright 2013 O'Reilly Media, Inc.</h1>
      <p>All Rights Reserved</p>
      <img src="copyright-logo.png"/>
    </section>
    <nav data-type="toc"/>
    <section data-type="preface" id="svg_preface">
      <h1>Preface</h1>
      <p>This is the Preface</p>
      <p>SVG element:</p>
      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="20"/>
      <section data-type="sect1">
	<h1>Important Prerequisite Info</h1>
	<p>You must know&hellip;</p>
      </section>
    </section>
    <section data-type="chapter">
      <h1>Chapter with lots of subsections</h1>
      <p>Here come a couple sect1s</p>
      <section data-type="sect1">
	<h1>Sect1 Heading</h1>
	<p>Here's an image</p>
	<figure>
	  <img src="smiley_face.png"/>
	</figure>
	<p>Here's a MathML element</p>
	<math xmlns="http://www.w3.org/1998/Math/MathML"/>
	<p>Here come a couple sect2s</p>
	<section data-type="sect2" id="child_of_mml_chunk">
	  <h2>Sect2 Heading</h2>
	  <p>Here's another image</p>
	  <div class="informalfig">
	    <img src="npm_screenshot.gif"/>
	  </div>
	  <p>Here come a couple sect3s</p>
	  <section data-type="sect3">
	    <h3>Sect3 Heading</h3>
	    <p>Here's an image we used once before:</p>
	    <img src="smiley_face.png"/>
	    <p>SVG element:</p>
	    <svg xmlns="http://www.w3.org/2000/svg"/>
	    <p>Here come a couple sect4s</p>
	    <section data-type="sect4">
	      <h4>Sect4 Heading</h4>
	      <p>Here come a couple sect5s</p>
	      <section data-type="sect5">
		<h5>Sect5 Heading</h5>
		<p>This is one sect5</p>
	      </section>
	      <section data-type="sect5">
		<h5>Another Sect5 Heading</h5>
		<p>This is another sect5</p>
	      </section>
	    </section>
	    <section data-type="sect4">
	      <h4>Another Sect4 Heading</h4>
	      <p>This is another sect4</p>
	    </section>
	  </section>
	  <section data-type="sect3">
	    <h3>Another Sect3 Heading</h3>
	    <p>This is another sect3</p>
	  </section>
	</section>
	<section data-type="sect2">
	  <h2>Another Sect2 Heading</h2>
	  <p>This is another sect2</p>
	</section>
      </section>
      <section data-type="sect1">
	<h1>Another Sect1 Heading</h1>
	<p>This is another sect1</p>
	<section data-type="sect2">
	  <h2>Yet Another Sect2 Heading</h2>
	  <p>For good measure</p>
	</section>
      </section>
    </section>
    <section data-type="chapter" id="sibling_of_svg_chunk">
      <h1>Wow, another chapter</h1>
      <p>Throwing in another sect1 for fun</p>
      <section data-type="sect1">
	<h1>Wow, another sect1</h1>
	<p>Getting tired of a complete lack of content here?</p>
      </section>
    </section>
    <section data-type="appendix">
      <h1>Here's an appendix</h1>
      <p>Important appendix material</p>
      <p>Here's a MathML element</p>
      <math xmlns="http://www.w3.org/1998/Math/MathML"/>
      <section data-type="sect1">
	<h1>Subsection</h1>
	<p>Subsection</p>
	<section data-type="sect2">
	  <h2>Sub-subsection</h2>
	  <p>Sub-subsection</p>
	  <section data-type="sect3">
	    <h3>Sub-sub-subsection</h3>
	    <p>Sub-sub-subsection</p>
	  </section>
	</section>
      </section>
    </section>
    <div data-type="part">
      <h1>Backmatter!!!</h1>
      <section data-type="glossary">
	<h1>Glossary</h1>
	<p>This would be a glossary, if it had any content!</p>
      </section>
      <section data-type="bibliography">
	<h1>Bibliography</h1>
	<p>This would be a bibliography, if it had any content!</p>
      </section>
    </div>
  </body>
</html>
